//入口函数
$(function () {
    // 需求1：点击切换登录和注册框
    $('#loginBox a').on('click', function () {
        // 点击登录，显示注册
        $('#loginBox').hide()
        $('#registerBox').show()
    })
    $('#registerBox a').on('click', function () {
        // 点击注册，显示登录
        $('#registerBox').hide()
        $('#loginBox').show()
    })

    // 需求2：自定义表单验证
    let form = layui.form;
    form.verify({
        // 参数是一个对象，属性是规则名称，值是规则
        // 值有两种形式：函数、数组
        username: [
            /^[\S]{1,10}$/,
            '用户名必须1到10位，且不能出现空格'
        ],
        pwd: [
            /^[\S]{6,15}$/,
            '密码必须6到15位，且不能出现空格'
        ],
        repwd: function (value) {
            let pwd = $('#registerBox [name=password]').val()
            if (value !== pwd) {
                return '两次密码输入不一致！'
            }
        }

    })

    // 需求3：注册页面发送axios
    $('#formregister').on('submit', function (e) {
        e.preventDefault()
        axios({
            method: 'POST',
            url: '/api/reguser',
            data: $(this).serialize()
        }).then(res => {
            if (res.data.status !== 0) {
                return layer.msg(res.data.message)
            }
            layer.msg(res.data.message)
            // 清空表单
            $('#formregister')[0].reset()
            // 跳转到登录模块
            $('#registerBox a').click()
        })
    })

    // 需求4：登录功能
    $('#formlogin').on('submit', function (e) {
        e.preventDefault()
        axios({
            method: 'POST',
            url: '/api/login',
            data: $('#formlogin').serialize()
        }).then(res => {
            if (res.data.status !== 0) {
                return layer.msg(res.data.message)
            }
            layer.msg(res.data.message)
            localStorage.setItem('token', res.data.token)
            location.href = '/index.html'
        })
    })

})